@import "./fun.scss";

body {
    // height: 3000px;
    background-color: #f9f9f9;

    font-family: "LXGW WenKai";
    font-weight: bold;
}

/* 为整个页面设置滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
}

/* 滚动条槽 */
// ::-webkit-scrollbar-track {
//     background: #f1f1f1;
//     border-radius: 10px;
// }

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #539dfd;
    border-radius: 10px;
}

// 文字阴影
.custom_text_shadow {
    text-shadow: 0 0.1875rem 0.3125rem #1c1f21;
}

// 头像动画效果
.avatar-animation {
    animation: 5s linear infinite miniShape;
}

// 文本标记样式
.textMarkSty {
    position: relative;

    &::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 50%;
        height: 10px;
        background-color: #539dfd80;
    }
}

@keyframes miniShape {

    0%,
    100% {
        border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
        transform: translate3d(0, 0, 0) rotateZ(.01deg);
    }

    34% {
        border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
        transform: translate3d(0, 5px, 0) rotateZ(.01deg);
    }

    50% {
        transform: translate3d(0, 0, 0) rotateZ(.01deg);
    }

    67% {
        border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
        transform: translate3d(0, -3px, 0) rotateZ(.01deg);
    }
}

.hide_sliding::-webkit-scrollbar {
    width: 0;
    /* 隐藏滚动条 */
    height: 0;
}